﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Form</title>
</head>
<body>
<form action="">
    <fieldset>
        <legend>Veterinary Form</legend>
        <h3>Information of the Animal Owner</h3>
        <div>
            <section>
                <label for="name">Name:</label>
                <input type="text" id="name" name="name" placeholder="Jhon" required>
            </section>
            <section>
                <label for="surname">Surname:</label>
                <input type="text" id="surname" name="surname" placeholder="Jhon" required>
            </section>
            <section>
                <label for="phone">Phone:</label>
                <input type="text" id="phone" name="phone" placeholder="123" required>
            </section>
        </div>
        <div>
            <h3>Gender</h3>
            <section>
                <input type="radio" id="male" name="gender" value="male">
                <label for="male">Male</label>
            </section>
            <section>
                <input type="radio" id="female" name="gender" value="female">
                <label for="female">Female</label>
            </section>
        </div>
        <div>
            <h3>Detailed Disease Description</h3>
            <textarea name="message" placeholder="Write the description here..." required cols="50" rows="10"></textarea>
        </div>
        <button>Submit</button>
    </fieldset>
</form>
<a href="index.html">Go Home</a>
</body>
</html>